import React from 'react';
export default function LogoSvg({
  fill = 'white',
  className,
}: {
  className?: string;
  fill?: 'black' | 'white';
}) {
  return (
    <svg
      id="Layer_1"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 347.179 128"
      className={className}
    >
      <defs>
        <linearGradient
          id="linear-gradient"
          x1="1.6499"
          y1="-844.4095"
          x2="76.0133"
          y2="-929.2378"
          gradientTransform="matrix(1, 0, 0, -1, 0, -790)"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stopColor="#ffc164" />
          <stop offset="0.5052" stopColor="#d8d3ff" />
          <stop offset="1" stopColor="#64e3ff" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-2"
          x1="27.0274"
          y1="-779.4894"
          x2="101.3586"
          y2="-864.3132"
          xlinkHref="#linear-gradient"
        />
      </defs>
      <g fill={fill}>
        <g id="logoMark">
          <path
            id="logoMark_PathItem_"
            data-name="logoMark &lt;PathItem&gt;"
            d="M87.3177,93.9886A67.8242,67.8242,0,0,1,32.8341,53.2077a17.0674,17.0674,0,1,0-27.83,18.6081,19.1461,19.1461,0,0,1,0,27.0456,17.0711,17.0711,0,1,0,24.135,0,19.123,19.123,0,0,1-4.3495-20.3087A67.722,67.722,0,0,1,69.56,117.47,17.0667,17.0667,0,1,0,87.3177,93.9886Z"
            style={{ fill: 'url(#linear-gradient)' }}
          />
          <path
            id="logoMark_PathItem_2"
            data-name="logoMark &lt;PathItem&gt;"
            d="M97.39,29.1386a17.0711,17.0711,0,1,0-24.135,0,19.123,19.123,0,0,1,4.3495,20.3087A67.7222,67.7222,0,0,1,32.8341,10.53a17.0666,17.0666,0,1,0-17.7579,23.481A67.6762,67.6762,0,0,1,69.5271,74.76,17.0673,17.0673,0,1,0,97.3576,56.1515,19.1362,19.1362,0,0,1,97.39,29.1386Z"
            style={{ fill: 'url(#linear-gradient-2)' }}
          />
        </g>
        <path
          id="fullLogo"
          d="M137.061,112.302V18.64h18.183L194.978,77.637V18.64h19.786v93.63H196.45L156.748,53.3058V112.302Z"
        />
        <path
          id="fullLogo-2"
          data-name="fullLogo"
          d="M241.155,17.921a10.0551,10.0551,0,0,1,3.074,7.5544,10.303,10.303,0,0,1-3.074,7.62,10.4988,10.4988,0,0,1-7.75,3.0741,10.7034,10.7034,0,0,1-7.817-3.0741,10.2369,10.2369,0,0,1-3.139-7.62,9.9919,9.9919,0,0,1,3.139-7.5544,10.9191,10.9191,0,0,1,7.817-3.0087A10.5757,10.5757,0,0,1,241.155,17.921ZM223.888,43.5276h18.87V112.303h-18.87Z"
        />
        <path
          id="fullLogo-3"
          data-name="fullLogo"
          d="M253.19,18.64h18.87V112.269H253.19Z"
        />
        <path
          id="fullLogo-4"
          data-name="fullLogo"
          d="M281.478,59.3891a30.5814,30.5814,0,0,1,12.166-12.2965,36.5866,36.5866,0,0,1,18.118-4.3495,39.7367,39.7367,0,0,1,18.379,4.0879,30.1871,30.1871,0,0,1,12.427,11.5115,34.1847,34.1847,0,0,1,4.611,17.4636,34.0719,34.0719,0,0,1-.523,6.41h-49.84v.5233q.687,7.5053,4.808,11.7731c2.747,2.8452,6.54,4.2842,11.38,4.2842a17,17,0,0,0,9.55-2.4855,11.5584,11.5584,0,0,0,5.003-7.2928h18.608a26.8235,26.8235,0,0,1-5.232,12.2968,28.3121,28.3121,0,0,1-10.956,8.633,37.1081,37.1081,0,0,1-15.665,3.14q-11.5275,0-19.85-4.284a30.3453,30.3453,0,0,1-12.853-12.2314,37.2377,37.2377,0,0,1-4.48-18.5427A38.4742,38.4742,0,0,1,281.478,59.3891Zm46.897,10.4977a14.8954,14.8954,0,0,0-5.135-9.7129,16.1872,16.1872,0,0,0-10.628-3.4011,15.6251,15.6251,0,0,0-10.367,3.5319,14.4176,14.4176,0,0,0-5.004,9.5494h31.134Z"
        />
      </g>
    </svg>
  );
}
